﻿<div ng-controller="ReferralsController" class="well with-header">
    <div class="header bg-themeprimary">
        Sponsor bonus
        <div class="btn-group pull-right">        
        </div>
    </div>
    <div class="body">
        <div class="row">
            <div class="col-sm-12 padding-bottom-10">
                <alert type="{{AlertType}}" class="radius-bordered alert-shadowed" ng-if="messeger">
                    {{messeger}}
                </alert>
            </div>
            <div class="col-sm-12" style="overflow-y:hidden">
                <table class="table table-bordered table-striped table-condensed flip-content">
                    <thead class="flip-content bordered-palegreen">
                        <tr>
                            <th width="1%">#</th>
                            <th>Create Date</th>
                            <th>Value</th>
                            <th>Description</th>
                        </tr>
                    </thead>
                    <tbody ng-repeat="data in List.slice(((currentPage-1)*itemsPerPage), ((currentPage)*itemsPerPage))" ng-show="List.length != 0" style="border:1px solid #ccc !important;">
                        <tr>
                            <td class="numeric">{{$index+1}}</td>
                            <td>{{data.CreateDate | amUtc | amDateFormat:'DD/MM/YYYY'}}</td>
                            <td>
                                {{data.Amount|number}}
                            </td>
                            <td>{{data.Description}}</td>
                        </tr>
                    </tbody>
                </table>
                <div class="pull-right">
                    <ul uib-pagination total-items="totalItems" ng-model="currentPage" max-size="maxSize" class="pagination-sm" boundary-link-numbers="true" items-per-page="itemsPerPage"></ul>
                </div>
            </div>
        </div>
    </div>
    <!--Success Modal Templates-->
    <script type="text/ng-template" id="WarningModal">
        <div class="modal-header">
            <i class="glyphicon glyphicon-warning-sign"></i>
        </div>
        <div class="modal-title">{{title}}</div>
        <div class="modal-body">
            {{ messeger }}
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-success" ng-click="ok()">OK</button>
            <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
        </div>
    </script>
</div>
